@import "public.less";
@import "button.less";
  

.mui-table-view{ 
    a.mui-active,&>.mui-table-view-cell a:not(.mui-btn).mui-active{
       background: transparent;  
    }
    .mui-media-body{
        color: @cfont;
        .fontSize(34px);
    }
    .mui-media-object{
        width: auto !important;
        line-height: 70px;
        max-width: 200px;
        height: 70px;  
    }
    &:after,&:before{ 
        background-color: #ebebeb;
    }
}
.score{
    img{
        margin-right: 5px;
    }
}
.text{
    background: #f6f6f6; 
    textarea{
        border: 0 none;
        background: transparent;
        height:110px; 
        margin-bottom:0px; 
        &::-webkit-input-placeholder{
            .fontSize(26px);
            color: @cfont2;
        }
    }
    p{
        padding-right: 10px;
       .fontSize(26px);
       color: @cfont2;
       padding-bottom: 10px; 
       margin-bottom: 0;
    }
}
.mui-row{
    background: @white;
    padding-top: 10px;
    .mui-col-sm-3 {
        margin-bottom: 8px;
        position: relative;
        span{
            position: absolute;
            display: block;
            width: 25px;
            height: 25px;
            text-align: center;
            background: #FFF url(../icon/rm.png) no-repeat left top;
            background-size: cover;
             right: -7px;
            color: @white;
            top: -7px;
            z-index: 2;
            border-radius: 50%;
        }
        div{
            width: 90%; 
            margin:0 auto;
            height:0;
            padding-bottom: 90%;
            position: relative;
            overflow: hidden;
            border:1px solid transparent;
            border-radius: 5px;
            img{
                position: absolute;
                left: 0px;
                top: 0px;
                width: 100%;
            } 
        }
        &:first-child div{
            border:1px solid @cfont2;
            border-radius: 5px;
            text-align: center;
            img{
                position: static;
                margin:25% auto;    
                .wh2x(121px,94px);
                min-height: auto;
                vertical-align: middle;
            }
        }
    }
}
.check{
    background: @white;
    padding-bottom: 10px;
    border-bottom: 1px solid #c4c4c4;
    .mui-checkbox.mui-left label{ 
        .fontSize(24px);
        color: @cfont;
        padding: 8px 15px;
        padding-left: 35px;
    }
}
.grade{
    background: #FFF;
    margin-top: 10px;
    .grade-title{
        height: 86px/2;
        line-height: 86px/2;
        position: relative;
        padding:0 10px; 
        background: url(../icon/cat@2x.png) no-repeat 10px 15px;
        background-size: 39px/2 27px/2;
        color: @cfont;
        .fontSize(30px);
        padding-left: 34px;
        .mui-pull-right{
            color:@cfont2;
            .fontSize(26.03px);
        }
        &:after{
            .afterHeight(100%,1px);
            background: #ebebeb;
            left: 0;
            width: 100%;
        }
    }
    .grade-content{
        padding-left: 34px;
        padding-top: 10px;
        padding-bottom: 20px;
        border-bottom: 1px solid #c4c4c4;
        >div{
            margin-top: 10px;
        }
        span{
            margin-right: 10px;
        }
        .score, span{
            display: inline-block;
            margin-top: 0;
        }
    }
}

.refund {
    .mui-table-view:after, .mui-table-view:before{
        background-color: #c4c4c4;
    }
    .mui-table-view:after{
        background-color: transparent;
    }
    .order_num{
        padding:3px 15px;
        color: @cfont2;
        font-size: 24px/2;
        &:after{
            left: 0;
            background-color: #f6f6f6;
        }
    }
    .reason{
        &.mui-table-view{
            &:after,&:before{
                background-color: transparent;
            }
            margin:10px 0;
            padding:13px 15px;
            color: @cfont;
            .mui-pull-right{
                margin-right: 25px;
                font-size: 28px/2;
            }
            li.mui-table-view-cell{
                padding:11px 7px
            }
        }
    }
    .mui-media-object{
        width: auto;
        max-width: 200px;
        height: 70px;
    }
    .product{
        &:after{
            left: 0;
            background-color: #c4c4c4;
        }
    }
    .refund-type{
//      border-top: 10px solid #f6f6f6;
        background: #FFF;
    }
    .shopname{
        .vmiddle();
        position: absolute;
    }
    .seltype{
        padding:10px;
        border-bottom: 1px solid #c4c4c4;
        p{
            color: @cfont;
            .fontSize(27px);
        }
        a{
            display: inline-block;
            margin-right: 10px;
            padding:2px 7px;
            color: @cfont3;
            border:1px solid @cfont2; 
            border-radius: 5px;
            margin-bottom: 5px;
            .fontSize(29px);
            &.active{
                color: @red;
                border-color: @red;
            }
        }
    }
    .inc-name{
    overflow: hidden;
    margin-top: 8px;
    position:relative ;
    &:before{
        content: "";
        position: absolute;
        left: 0;
        height: 1px;
        top: 0px;
        width: 100%;
        background: #EBEBEB;
        
    }
    label{
        padding:13px 0;
        color: @cfont;
        .fontSize(25.82px);
    }
    input{
        &::-webkit-input-placeholder{
            color: @cfont2;
            .fontSize(25.82px);
        }
    }
}
.mui-input-group .mui-input-row:after{
    background: #EBEBEB;
}

.mui-input-group.invs{
    .mui-input-row label{
        .fontSize(25.82px);
        color: @cfont;
    }
    .mui-input-row.tis label{
        .fontSize(27.65px);
        font-weight: bold;
    }
}
.mformbox{
    border-top: 10px solid #EBEBEB;
    border-bottom: 10px solid #EBEBEB;
    .mui-input-group:before{
        background: transparent;
    }
    .mui-input-group:after{
        background: transparent;
    }
}


.invty{
    .mui-table-view-cell{
        &.mui-active{
            background: transparent;
        }
        .seltype{
            border:0 none;
            padding:0;
            a{
                margin-right: 3px;
                margin-bottom: 5px;
            }
        }
    }
    &.mui-table-view:after{
        background: transparent;
    }
}

    
}


.refundover{
    &.mui-table-view{
        &:after{
            background-color: #EBEBEB;
            
        }
    }
    .mui-table-view-cell{
        &:after{
            background-color: #EBEBEB;
            
        }
        .mui-media-body{
            white-space:normal;
            p{
                color: @cfont;
            }
        }
    }
    
}
.isok{
    margin-top: 10px;
     &.mui-table-view{
        &:before{
            background-color: transparent;
            
        }
        .mui-table-view-cell{
            &:after{
                background-color: #EBEBEB;
            }
            color: @cfont;
            padding: 15px;
            span{
                float: right;
                color: @red;
            }
            .dispose_idea{
                font-size: 28px/2;
                font-weight: 300;
            }
        }
    }
}
.btnsde{
    background: transparent;
    .mui-col-xs-6{
        padding: 0 5px;;
    }
}
